<template>
    <div class="loding-mask" v-show="loading.show">
        <div class="loding-box">
            <div style="margin: 30px auto;width: 20px;height: 20px;" data-loader="circle-side"></div>
            <p class="loding-text">{{ loading.tip }}</p>
        </div>
    </div>
</template>
<script>

    import 'css-loading'
    import {mapGetters} from 'vuex'

    export default {
        name: 'loading',
        computed: {
            ...mapGetters("modal", {
                loading: "getMLoading",
            })
        },

    }
</script>
<style scoped>
    @import '../../assets/css/loding.css';
    .loding-mask{
        z-index: 999;
    }
</style>